﻿@using Newtonsoft.Json
@model ContactMvc4TB.Models.Worktime.EditWorktimeSettingsModel

@{
    ViewBag.Title = Navigation.WorktimeSettings;
}

<div class="span12">
    <h2>@Navigation.WorktimeSettings</h2>
    <hr />
    <div class="well">Festlegen Ihrer individuellen Arbeitszeiteinstellungen. Die Arbeitszeiterfassung bietet die Möglichkeit direkt einen standard Arbeitszeiteintrag und eine standard Pause anzulegen. Die dafür verwendeten Zeiten können Sie hier festlegen.</div>
</div>
@using (Html.BeginForm(EActionWorktime.EditWorktimeSettings.ToString(), EControllers.Worktime.ToString(), FormMethod.Post, new { @class = "form-horizontal" }))
{
    <div class="span12">
        @Html.ShowCustomMessage()
        @Html.MyValidationSummary()
    </div>
    <div class="span12">
        <div class="control-group">
            @Html.LabelFor(model => model.DefaultStartWorkingTime, new { @class = "control-label" })
            <div class="controls">
                @Html.EditorFor(model => model.DefaultStartWorkingTime)
                @Html.ValidationMessageFor(model => model.DefaultStartWorkingTime)
                <a href="#" class="helpPopOver" data-content="Geben Sie hier die Zeit an zu der Sie normalerweise Ihren Arbeitstag starten." data-placement="top" data-trigger="hover" data-toggle="popover" data-original-title="Standard Arbeitszeitbeginn"><i class="icon-question-sign"></i></a>
            </div>
        </div>
        <div class="control-group">
            @Html.LabelFor(model => model.DefaultEndWorkingTime, new { @class = "control-label" })
            <div class="controls">
                @Html.EditorFor(model => model.DefaultEndWorkingTime)
                @Html.ValidationMessageFor(model => model.DefaultEndWorkingTime)
                <a href="#" class="helpPopOver" data-content="Geben Sie hier die Zeit an zu der Sie normalerweise Ihren Arbeitstag beenden." data-placement="top" data-trigger="hover" data-toggle="popover" data-original-title="Standard Arbeitszeitende"><i class="icon-question-sign"></i></a>
            </div>
        </div>
        <div class="control-group">
            @Html.LabelFor(model => model.DefaultWorktimeDescription, new { @class = "control-label" })
            <div class="controls">
                @Html.EditorFor(model => model.DefaultWorktimeDescription)
                @Html.ValidationMessageFor(model => model.DefaultWorktimeDescription)
                <a href="#" class="helpPopOver" data-content="Standard Beschreibungstext für einen Arbeitszeiteintrag." data-placement="top" data-toggle="popover" data-trigger="hover" data-original-title="Standard Arbeitszeitbeschreibungstext"><i class="icon-question-sign"></i></a>
            </div>
        </div>
        <div class="control-group">
            @Html.LabelFor(model => model.DefaultStartBreakTime, new { @class = "control-label" })
            <div class="controls">
                @Html.EditorFor(model => model.DefaultStartBreakTime)
                @Html.ValidationMessageFor(model => model.DefaultStartBreakTime)
                <a href="#" class="helpPopOver" data-content="Geben Sie hier die Zeit an zu der Sie normalerweise Ihre Pause starten." data-placement="top" data-toggle="popover" data-trigger="hover" data-original-title="Standard Pausenzeitbeginn"><i class="icon-question-sign"></i></a>
            </div>
        </div>
        <div class="control-group">
            @Html.LabelFor(model => model.DefaultEndBreakTime, new { @class = "control-label" })
            <div class="controls">
                @Html.EditorFor(model => model.DefaultEndBreakTime)
                @Html.ValidationMessageFor(model => model.DefaultEndBreakTime)
                <a href="#" class="helpPopOver" data-content="Geben Sie hier die Zeit an zu der Sie normalerweise Ihre Pause beenden." data-placement="top" data-toggle="popover" data-trigger="hover" data-original-title="Standard Pausenzeitende"><i class="icon-question-sign"></i></a>
            </div>
        </div>

    </div>
    
    <div class="span12">
        <div class="well">Festlegen der Arbeitszeit und Arbeitstage. Wählen Sie die Tage aus an denen Sie normalerweise arbeiten. Die Arbeitszeiterfassung berechnet dann anhand der Arbeitsstunden pro Woche und der ausgewählten Arbeitstage, wieviele Stunden pro Tag Sie arbeiten müssen.</div>
    </div>
    
    <div class="span12">

        <div class="control-group">
            @Html.LabelFor(model => model.WorkingHours, new { @class = "control-label" })
            <div class="controls">
                @Html.TextBoxFor(model => model.WorkingHours)
                @Html.ValidationMessageFor(model => model.WorkingHours)
                <a href="#" class="helpPopOver" data-content="Geben Sie hier ein wieviel Stunden pro Woche Sie arbeiten. In Verbindung mit den jeweils ausgewählten Arbeitstagen wird dann berechnet wieviel Stunden Sie pro Tag arbeiten müssen." data-trigger="hover" data-placement="top" data-toggle="popover" data-original-title="Arbeitszeit"><i class="icon-question-sign"></i></a>
            </div>
        </div>

        <div class="control-group">
            @Html.LabelFor(model => model.Mon, new { @class = "control-label" })
            <div class="controls">
                @Html.EditorFor(model => model.Mon)
                @Html.ValidationMessageFor(model => model.Mon)
            </div>
        </div>
        <div class="control-group">
            @Html.LabelFor(model => model.Tue, new { @class = "control-label" })
            <div class="controls">
                @Html.EditorFor(model => model.Tue)
                @Html.ValidationMessageFor(model => model.Tue)
            </div>
        </div>
        <div class="control-group">
            @Html.LabelFor(model => model.Wed, new { @class = "control-label" })
            <div class="controls">
                @Html.EditorFor(model => model.Wed)
                @Html.ValidationMessageFor(model => model.Wed)
            </div>
        </div>
        <div class="control-group">
            @Html.LabelFor(model => model.Thu, new { @class = "control-label" })
            <div class="controls">
                @Html.EditorFor(model => model.Thu)
                @Html.ValidationMessageFor(model => model.Thu)
            </div>
        </div>
        <div class="control-group">
            @Html.LabelFor(model => model.Fri, new { @class = "control-label" })
            <div class="controls">
                @Html.EditorFor(model => model.Fri)
                @Html.ValidationMessageFor(model => model.Fri)
            </div>
        </div>
        <div class="control-group">
            @Html.LabelFor(model => model.Sat, new { @class = "control-label" })
            <div class="controls">
                @Html.EditorFor(model => model.Sat)
                @Html.ValidationMessageFor(model => model.Sat)
            </div>
        </div>
        <div class="control-group">
            @Html.LabelFor(model => model.Sun, new { @class = "control-label" })
            <div class="controls">
                @Html.EditorFor(model => model.Sun)
                @Html.ValidationMessageFor(model => model.Sun)
            </div>
        </div>
        <div class="control-group">
            @Html.LabelFor(model => model.EmploymentStartDate, new { @class = "control-label" })
            <div class="controls">
                @Html.EditorFor(model => model.EmploymentStartDate)
                @Html.ValidationMessageFor(model => model.EmploymentStartDate)
                <a href="#" class="helpPopOver" data-content="Geben Sie hier das Startdatum an, ab dem die Arbeitszeiterfassung seine Berechnungen durchführen soll." data-placement="top" data-toggle="popover" data-trigger="hover" data-original-title="Jobstartdatum"><i class="icon-question-sign"></i></a>
            </div>
        </div>
        <div class="form-actions">
            <input class="btn btn-primary" type="submit" value="@Navigation.SaveChangesRESX" />
        </div>
    </div>
}

<div class="span12">
    <div class="well">
        Hier werden all Ihre Arbeitszeiteinträge als CSV Datei zum Download angeboten.
        <br/>
        <br/>
        @Html.ActionLink(Navigation.DownloadAllWorktimeDays, EActionWorktime.WorktimeDownloadAllData.ToString(), EControllers.Worktime.ToString(), new { id = CurrentSession.GetCurrentUser().ID }, new { @class="btn btn-small", data_icon="icon-download" })
    </div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/knockout")

    <script>
        //Registrieren des PopOvers von BootStrap zum Anzeigen von Hilfetexten
        $(".helpPopOver").popover();

        var WorktimeSettings = function () {
            //this.viewModel = ko.mapping.fromJS(@*(Html.Raw(JsonConvert.SerializeObject(Model))));*@
            // binding events as soon as the object is instantiated
            //this.bindEvents();
            //ko.applyBindings(this.viewModel);
        };

        WorktimeSettings.prototype.bindEvents = function () {
            //var model = JSON.stringify(ko.toJSON(this.viewModel));
            //console.log(model);

        };
    </script>

}
